<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="login.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="login.js"></script>
</head>
<body>
<div class="content">
    <div class="login-image">

    </div>

    <div class="login-wrap">
        <form id="user_login" action="" class="login-form" method="post" onsubmit="">
            <h3>登 录</h3>
            <input class="name" id="doctorname" type="text" placeholder="请输入用户名"/>
            <input class="code" id="password" type="password" placeholder="请输入密码"/>
            <div class="btn">
                <input type="button" id="submit" class="submit" value="登录" onclick="verifyLogin()"/>
                <input type="reset" id="reset" class="reset" value="重置"/>
            </div>
        </form>
    </div>
</div>
<script src="../js/axios.js"></script>
<script>

    //1.发起Get请求
    // 原始参数  1: url地址  参数2:提交参数  参数3:回调函数
    // 知识点: 传统的ajax的操作有"回调地狱问题" '闭包'
    // 回调地狱问题: 由于业务复杂,导致多重的ajax进行嵌套. 如果中间出现任何问题.则导致整个ajax调用失败.

    //参数 1: url地址  2.提交的参数
    //跨域请求: 浏览器不能正常执行!!!!
    axios.get('http://localhost:8090/')
        .then(result =>{
            console.log(result.data)
        })

    const app=new Vue({
        el:"#app",
        data:{
            doctorName:'',
            password:'',

        }
    })
</script>
</body>
</html>